<template>
	<div id="app">
		<my-header v-if="verifyLogin()"></my-header>
		<router-view></router-view>
		<!-- <my-bottom v-if="verifyLogin()"></my-bottom> -->
	</div>
</template>

<script>
	import MyHeader from "../src/commonpages/header.vue";
	import MyBottom from "../src/commonpages/bottom.vue";
	export default {
		name: "App",
		components: {
			MyHeader,
			MyBottom
		},
		methods: {
			verifyLogin() {
				let check = sessionStorage.getItem("user");
				if(check && check != "admin"){
					return check;
				}else{
					return '';
				}

			}
		}
	}
</script>

<style>
	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		margin-top: 60px;
		/* background-color: #f0f0f0; */
	}
	.el-main{
		padding: 0px !important;
	}
</style>
